<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title id="doctitle">index</title>
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta content="telephone=no" name="format-detection"/>
    <meta name="screen-orientation" content="portrait">
    <!-- uc浏览器强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- QQ浏览器强制竖屏 -->
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <!-- Bootstrap Js -->
    <script src="js/jquery-1.10.2.min.js"></script>

     <script src="js/jquery.mobile-1.4.5.js"></script>

    <script src="bootstrap/js/respond.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/jquery-plugins/jquery.tmpl.min.js"></script>
    <script src="js/jquery-plugins/jquery.tmplPlus.min.js"></script>
    <script src="json/index_json.js"></script>
    <script src="js/common.js"></script>
    <script src="js/page/index.js"></script>
    <!--//新加的上下屏滑动-->
     <script src="js/jquery.touchSwipe.min.js"></script>
    <!-- 滑屏所需特效 flickity.pkgd.js   -->
    <link rel="stylesheet" href="css/flickity-docs.css" media="screen">
    
    <!-- yuxi.file -->
    <link rel="stylesheet" type="text/css" href="css/yuxi.css">
    <script src="js/yuxi.js"></script>

    <style>
	    * { margin: 0; padding: 0; }
        html, body { width: 100%; height: 100%; overflow:hidden;}
        .containerAll { width: 100%; height: 100%; position: absolute; left: 0; top: 0%; }
		.containerAll .page1 { height: 100%; position: relative; top:0;  }
		.containerAll .page2 { height: 100%; position: relative; top:0;  }
        /*  原样式，强制setting     */
        .index_logo { width:92%; }
        .bottom_bg {height: 100%;padding: 0; margin: 0;  }
        .padding_bottom{ padding-bottom: 20%}
        ul,li{ list-style: none; list-style-type: none;}
        .bottom_bg ul { position: absolute;  bottom: 0;  width:100%; 
            background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,1)));
            background:-moz-linear-gradient(rgba(255,255,255,0.3),rgba(0,0,0,.6)));
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255,255,255,.3),endColorstr=rgba(0,0,0,.3));
            padding: 0; margin: 0; padding: 2%; border-top:1px solid #555555;
           }
        .flickity-prev-next-button {display: none; }
        .index_logo {position: absolute;}
    </style>
</head>

<body>
	<script id="newsListTemplate" type="text/x-jquery-tmpl">
		<div class="margin_b">
			<h5 class="index_tit">${media_type}</h5>
			<!--
			<h1 class="index_tit_b" onclick="window.open('specialTopic.html')">${title}</h1>
			<h1 class="index_tit_b"><a href="specialTopic.html">${title}</a></h1>
			-->
           
			<h1 class="index_tit_b"  onclick="window.location='information.html?uuid=${uuid}'">${title}</h1>
			<div>
				<span class="index_tit_s">${website_name}</span>
				<span class="index_space_All">
                <a class="index_space_s xi_space_s0"><img src="images/gongyong_icon0.png" /></a>
				<!--
				<a class="index_space_s xi_space_s1"><img src="images/gongyong_icon1.png" /></a>
				<a class="index_space_s xi_space_s2"><img src="images/gongyong_icon2.png" /></a>
				<a class="index_space_s xi_space_s3 fenxiang" style="margin-right:0;"><img src="images/gongyong_icon3.png" /></a>-->
				</span>
                <div class="clear"></div>
			</div>
		</div>
	</script>
<div class="containerAll">
<div data-role="page" id="pageone" class="page1"><div class="updateIng"><img src="images/The-refresh.png" /><span>Updating</span></div>
    <div class="updateIng2"><img src="images/The-refresh.png" /><span>Drag to update...</span></div>
    <div class="updateIng3"><img src="images/The-refresh.png" /><span>Release to update...</span></div>
    <div data-role="content">
        <div class="index_bg">
            <div class="index_logo">
                <span class="logo"><a href="javascript:void(0);" onclick="reloadPage();"><img src="images/logo.png"/></a></span>
                <!--<span><img src="images/index_ico.png" style="margin-right:22px;"/></span>-->
                <span class="word"><input type="text" placeholder="Search Content" class="index_sr"></span>
                <span class="zoom"><a><img src="images/index_ico2.png" /></a></span>
                <div class="clear"></div>
            </div>

            <div class="showbox">
                <p class="index_next" style=" position: absolute;z-index: 1000; bottom: 1%; left: 47%">
                    <a href="#"><img src="images/index_next.png" /></a>
                </p>
                <div id="slideContainer" class="hero-gallery js-flickity" data-js-module="hero-gallery">
                    <div id="slide1" class="hero_gallery_cell bottom_bg bg_pic1" >
                        <ul>
                            <li>
                                <p id="slideContent1" class="bottom_h" onclick="window.open('specialTopic.html')"></p>
                                <div class="padding_bottom">
                                    <p id="slideText1" class="bottom_l"></p>
                                    <div style="padding-left:52%;margin-top:-1.6em; float: right">
                                            <!--<a class="index_space_s xi_space_s0"><img src="images/gongyong_icon0.png" /></a>
                                             
											<a class="index_space_s xi_space_s1"><img src="images/gongyong_icon1.png" /></a>
											<a class="index_space_s xi_space_s2"><img src="images/gongyong_icon2.png" /></a>
											<a class="index_space_s xi_space_s3"><img src="images/gongyong_icon3.png" /></a> -->
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div id="slide2" class="hero_gallery_cell bottom_bg bg_pic2">
                        <ul>
                            <li>
                                <p id="slideContent2" class="bottom_h" onclick="window.open('specialTopic.html')"></p>
                                <div class="padding_bottom">
                                    <p id="slideText2" class="bottom_l"></p>
                                    <div style="float:right;">
                                            <!--<a class="index_space_s xi_space_s0"><img src="images/gongyong_icon0.png" /></a>
											<a class="index_space_s xi_space_s1"><img src="images/gongyong_icon1.png" /></a>
											<a class="index_space_s xi_space_s2"><img src="images/gongyong_icon2.png" /></a>
											<a class="index_space_s xi_space_s3"><img src="images/gongyong_icon3.png" /></a>-->
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div id="slide3" class="hero_gallery_cell bottom_bg bg_pic3">
                        <ul>
                            <li>
                                <p id="slideContent3" class="bottom_h" onclick="window.open('specialTopic.html')"></p>
                                <div class="padding_bottom">
                                    <p id="slideText3" class="bottom_l"></p>
                                    <div style="float:right;">
                                            <!--<a class="index_space_s xi_space_s0"><img src="images/gongyong_icon0.png" /></a>
                                            
											<a class="index_space_s xi_space_s1"><img src="images/gongyong_icon1.png" /></a>
											<a class="index_space_s xi_space_s2"><img src="images/gongyong_icon2.png" /></a>
											<a class="index_space_s xi_space_s3"><img src="images/gongyong_icon3.png" /></a>-->
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div id="slide4" class="hero_gallery_cell bottom_bg bg_pic4">
                        <ul>
                            <li>
                                <p id="slideContent4" class="bottom_h" onclick="window.open('specialTopic.html')"></p>
                                <div class="padding_bottom">
                                    <p id="slideText4" class="bottom_l"></p>
                                    <div style="float:right;">
                                            <!--<a class="index_space_s xi_space_s0"><img src="images/gongyong_icon0.png" /></a>
                                            
											<a class="index_space_s xi_space_s1"><img src="images/gongyong_icon1.png" /></a>
											<a class="index_space_s xi_space_s2"><img src="images/gongyong_icon2.png" /></a>
											<a class="index_space_s xi_space_s3"><img src="images/gongyong_icon3.png" /></a>-->
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="pagetwo" class="page2">
    <div class="container" style="background:rgba(0,0,0,0.3);width:100%;height:100%;position:fixed;z-index:999;display:none;"></div>
    <div class="topMenu">
        <div class="col-xs-2 head01" style=" padding-right:0; padding-left:0; width:9.5%;"><a href="grxx.html" onClick="window.open('grxx.html')"><img src="images/index_wz_ico1.png"/></a></div>
        <div class="col-xs-2 head02"><a href="#"><img src="images/index_wz_ico2.png" /></a></div>
        <div id="indexTranButton" class="col-xs-2 head03"><img src="images/index_wz_ico3.png" style="width: 85%" /></div>
        <div class="col-xs-2 head04"><a href="searchOne.html" onClick="window.open('searchOne.html')"><img src="images/index_wz_ico4.png" /></a></div>
    </div>
    <!--<div class="row" style=" padding-bottom: 4%;">-->
        <!--<div class="col-xs-2 head01"><a href="grxx.html" onClick="window.open('grxx.html')"><img src="images/index_wz_ico1.png"/></a></div>-->
        <!--<div class="col-xs-2 head02"><a href="#"><img src="images/index_wz_ico2.png" /></a></div>-->
        <!--<div id="indexTranButton" class="col-xs-2 head03"><img src="images/index_wz_ico3.png" style="width: 85%" /></div>-->
        <!--<div class="col-xs-2 head04"><a href="searchOne.html" onClick="window.open('searchOne.html')"><img src="images/index_wz_ico4.png" /></a></div>-->
    <!--</div>-->
	<div class="index_list" style="background:#fff;width:100%; overflow-y:auto;">
		<div id="newsList" style=" padding-top: 60px; "></div>
		<!-- display news list refer to newsListTemplate script dom in this page -->
		<div class="loding">
			<span id="loadMore" class="loding_more"><img src="images/morejian.png" style="width:auto; height:1em; margin-right:0.5em;" >Load more</span>
		</div>
	</div>
	<input type="hidden" id="tranFlag" name="tranFlag" value="0"/>
	
	<div class="circle">
   <!-- <div class="circle"  onclick="window.location='dataAnalsis.html'">
		<img src="images/index_next.png" alt="">
		<p class="Analysis">Analysis</p>-->
	</div>
	<div class="presswords" style=" font-size:0.9em">Long press or drag item for analysis</div>
	
</div>

</div>

    <div class="allmask"></div>
	<div class="fanyi" style="width:120px;height:120px;background:rgba(0,0,0,0.7);position:absolute;top:30%;left:35%;color:#fff;text-align:center;line-height:100px; border-radius:4px; box-shadow:0px 0px 10px #666">Translating</div>
	<div class="txqq">
		<p class="first_p">Share To</p>
		<!--  <dl>
			<dt>
				<img src="images/msg.png" alt="">
			<dt>
			<dd>
				Message
			</dd>
		</dl>
		<dl>
			<dt>
				<img src="images/qq.png" alt="" id="imgQQId" onClick="shareToQzone(event);">
			<dt>
			<dd>
				QQ
			</dd>
		</dl>
		<dl>
			<dt>
				<img src="images/wechat.png" alt="">
			<dt>
			<dd>
				WeChat
			</dd>
		</dl>
		<dl>
			<dt>
				<img src="images/weibo.png" alt="">
			<dt>
			<dd>
				MiniBlog
			</dd>
		</dl>-->
		<div id="jiathis_style_32x32">
			<dl>
				<dt>
					<a class="jiathis_button_cqq"></a>
				</dt>
			</dl>
			<dl>
				<dt>
					<a class="jiathis_button_tsina"></a>
				</dt>
			</dl>
			<dl>
				<dt>
					<a class="jiathis_button_weixin"></a>
				</dt>
			</dl>
			<dl>
				<dt>
					<a class="jiathis_button_renren"></a>
				</dt>
			</dl>
			<!--  <dl>
				<dt>
					<a href="http://www.jiathis.com/share/" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
				</dt>-->
			</dl>
		</div>
		<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js" charset="utf-8"></script>
		<p class="close1">Close</p>
		
	</div>
	<div class="share1">
		<p class="first_p">Current news</p>
		<p class="second_p">All news in nailed list(7)</p>
		<p class="third_p">Cancel</p>
	</div>




















	 <script>
         $(document).on("pageinit","#pageone",function(){
/*
             $(".loding_more").on("tap",function(){
                 var html = '<div class="margin_b"><h5 class="index_tit">TEST</h5><h1 class="index_tit_b" onclick="">UN warns of winter tragedy as refugee crisis lingres</h1><div><span class="index_tit_s">APP,Assoclated Press+1 more</span><span class="index_space_All"><a class="index_space_s xi_space_s0"><img src="images/gongyong_icon0.png" /></a><a class="index_space_s xi_space_s1"><img src="images/gongyong_icon1.png" /></a><a class="index_space_s xi_space_s2"><img src="images/gongyong_icon2.png" /></a><a class="index_space_s xi_space_s3"><img src="images/gongyong_icon3.png" /></a></span><div class="clear"></div></div></div>';
                 $(".margin_b").last().after(html+html);
             });
*/
             //$("#pagetwo").hide();
             //$("#pageone").hide();
             //$(".index_bg").on("swipeleft",function(){
                 /*$(this).hide();
                 if($(this).attr("num")=='end'){
                     $('.index_bg').each(function(i,item){
                         if($(item).attr("num")=='start'){
                             $(item).show();
                         }
                     });
                 }else{
                     $(this).next().show();
                 }*/
                 /*$(this).css("background-image","url('images/index_bg4.jpg')");
                 $("li").each(function(i,item){
                     if(i==1){
                         $(item).show();
                     }else{
                         $(item).hide();
                     }
                 });
                 $(".Ls_focusBtn .Ls_focusBtn_con span").each(function(i,item){
                     if(i==1){
                         $(item).addClass("on");
                     }else{
                         $(item).removeClass("on");
                     }
                 });*/
             //});
             //$(".index_bg").on("swiperight",function(){
                 /*$(this).hide();
                 if($(this).attr("num")=='start'){
                     $('.index_bg').each(function(i,item){
                         if($(item).attr("num")=='end'){
                             $(item).show();
                         }
                     });
                 }else{
                     $(this).prev().show();
                 }*/
                 //$(this).nextAll('.index_bg').show();
                 /*$(this).css("background-image","url('images/index_bg3.jpg')");
                 $("li").each(function(i,item){
                     if(i==3){
                         $(item).show();
                     }else{
                         $(item).hide();
                     }
                 });
                 $(".Ls_focusBtn .Ls_focusBtn_con span").each(function(i,item){
                     if(i==3){
                         $(item).addClass("on");
                     }else{
                         $(item).removeClass("on");
                     }
                 });*/
             //});
             //$(".ui-loader").hide();
         });
	</script>
    <script>
        $(".Ls_focusBtn .Ls_focusBtn_con span").click(function(){
            slideID=$(this).index();
            if($(this).attr("class")!="on"){
                var btnStrCk=".Ls_focusBtn .Ls_focusBtn_con span:eq("+slideID+")";
                $(btnStrCk).addClass("on").siblings().removeClass("on");
            }
        });

        function search(){
        	window.open('searchResult.html?key='+encodeURI(encodeURI($(".index_sr").val())));
        }
        
        $(function(){
            $('.word input').bind('keypress',function(event){
                if(event.keyCode == "13")
                {
                	search();
                }
            });

            $('.zoom a').click(function(){
            	search();
            })
		
		
		
            //var img = document.getElementById('imgQQId');   
            //var src = img.getAttribute('src');  
            //img.setAttribute('src','');  
            //img.onload = function(){  
            //    alert(1);  
            //};  
           // img.setAttribute('src',src); 
        });
		
        function reloadPage(){
        	window.location.reload();
        };
    </script>
    <!-- 婊戝姩鐗规晥鎵�闇�JS -->
    <script src="js/flickity.pkgd.js"></script>
</body>
</html>
